import { PlusSquareIcon } from "@chakra-ui/icons";

import { Meta, StoryObj } from "@storybook/react";

import { Button, ButtonProps } from "./button";

const meta: Meta<typeof Button> = {
  title: "Components/Button",
  component: Button
};

type Story = StoryObj<ButtonProps>;

export const Default: Story = {
  args: {
    children: "Click Me",
    type: "button",
    variant: "solid"
  }
};

export const WithIcon: Story = {
  args: {
    children: "Click Me",
    icon: <PlusSquareIcon />
  }
};

export default meta;
